<template>
	<view class="container">

		<userinfo v-if="user_options.toLogin" :options="user_options" @getUserscope="getUserInfo" @toLogin="getUserInfo"></userinfo>
		<villageChooseHouse v-if="choose_options.need_choose_house" :options="choose_options" @chooseHouseId="chooseHouseId"></villageChooseHouse>

		<!-- 提示消息 -->
		<view class="tips-box" @tap="goNewmsg" v-if="listData.totle && listData.totle>0">
			<view class="tips">
				<view class="info-icon">
					<image :src="listData.user_message_avater" class="info-img"></image>
				</view>
				<view class="tips-text">
					<text class="text">{{listData.totle}}条新消息</text>
				</view>
			</view>
		</view>
		<!-- 提示消息end -->
		<view class="container-box" v-for="(item,index) in listData.dataList" :key="index">
			<view class="block_msg" v-if="index!=0">

			</view>
			<!-- 动态列表 -->
			<view class="dynamic">
				<view class="info">
					<view class="info-box">
						<view class="info-icon1" v-if="item.user && item.user.avatar">
							<image :src="item.user.avatar" class="info-img1"></image>
						</view>
						<view class="info-text">
							<view class="name" v-if="item.user && item.user.nickname">{{item.user.nickname}}</view>
							<view class="time" v-if="item.user && item.create_time">{{item.create_time}}</view>
						</view>
					</view>
					<view class="category" v-if="item.cate && item.cate.cat_name" @click="getCateList(item.cate.cat_id)">
						{{item.cate.cat_name}}
					</view>
				</view>
				<view @tap="godetailds" :data-aricle_id='item.aricle_id' :data-cat_id='item.cate.cat_id'>
					<view class="content" v-if="item.aricle_title">
						<span v-if="item.aricle_title.length>word_length">{{intercept_word(item.aricle_title)}}</span>
						<span v-if="item.aricle_title.length<=word_length">{{item.aricle_title}}</span>
					</view>
					<!-- 九张图 -->
					<view class="img-box" v-if="item.aricle_img && item.aricle_img[0]" :class="(item.img_num>0)?((item.img_num>3)?((item.img_num>6)?'img_box_9':'img_box_6'):'img_box_3'):'img_box_0'">
						<view :class="(item.img_num>1)?'bigimg_more':'bigimg'" v-for="(img, img_key) in item.aricle_img">
							<image v-if="item.img_num==1 && img" :src="img" mode="widthFix" class="around-img"></image>
							<image v-if="item.img_num>1 && img" :src="img" mode="widthFix" class="around-img_more"></image>
						</view>
					</view>
				</view>
				<view class="read-box">
					<view class="read-banner">
						<view class="dingwei-box" v-if="item.address">
							<view class="read-address">
								<span v-if="item.address">{{item.address}}</span>
							</view>
						</view>

						<view class="read-text" v-if="item.browse_num > 0">
							浏览{{item.browse_num}}次
						</view>
					</view>
					<view class="icon-box">
						<view class="dianzan" v-show="showIcon" @click="changeIcon(index)">
							<image :src="item.mezan===0? '../../static/images/diazan.png' : '../../static/images/dianzan1.png'" class="dianzan-icon"></image>
						</view>
						<view class="pinglun" @click="openPopup(item.aricle_id,index)">
							<image src="../../static/images/pinglun.png" class="pinglun-icon"></image>
						</view>
					</view>
				</view>
				<!-- 分割线 -->
				<view class="cell"></view>
			</view>
			<!-- 点赞 -->
			<view class="dianzan-box" v-if="item.aricle_praise_num > 0 && item.aZanList && item.aZanList[0]">
				<view class="info-box1">
					<view class="info-box2" v-for="(itm,idx) in item.aZanList" :key="idx">
						<view class="info-icon2" v-if="itm.uid && itm.uid.avatar">
							<image :src="itm.uid.avatar" class="info-img2"></image>
						</view>
						<view class="info-name" v-if="itm.uid && itm.uid.nickname">{{itm.uid.nickname}}</view>
					</view>
					<view class="text-after" v-if="item.aZanList && item.aZanList.length < item.aricle_praise_num">等{{item.aricle_praise_num}}人点赞</view>
				</view>
			</view>
			<!-- 评论区 -->
			<div v-if="item.aComment && item.aComment[0]">
				<view class="comment-box" v-for="(items,indexs) in item.aComment" :key="indexs" @click="reply(item.aricle_id,items.comment_id,index,items.uid.nickname,items.uid)">
					<view class="comment-icon" v-if="items.uid && items.uid.avatar">
						<image :src="items.uid.avatar" class="comment-img"></image>
					</view>
					<view class="comment-info">
						<view class="comment-name">
							<text v-if="items.uid && items.uid.nickname">
								{{items.uid.nickname}}
							</text>
							<text v-if="items && items.comment_fid_nickname">
								<text class='reply_tip'>回复</text>{{items.comment_fid_nickname}}
							</text>
						</view>
						<view class="comment-text" v-if="items.comment_content">{{items.comment_content}}</view>
					</view>
				</view>
				<view class="comment_more_box" v-if="item.comment_sum && item.comment_sum == 1" @tap="godetailds" :data-aricle_id='item.aricle_id'
				 :data-cat_id='item.cate.cat_id'>
					<view class="comment-info comment_more">
						- 查看更多评论 -
					</view>
				</view>
			</div>
			<view class="comment">
				<view @tap="openPopup(item.aricle_id,index)" class="conment-btn">评论</view>
			</view>
		</view>


		<view class="tip" v-show="pageLoading">
			<lang keywords="加载中"></lang>
		</view>

		<view class="tip" v-show="pageLoadings">
			<lang keywords="我也是有底线的···"></lang>
		</view>

		<view class="no_data_tip" v-show="no_data">
			<image style="width: 400rpx; height: 400rpx;" src="https://hf.pigcms.com/static/images/house/no_data.png" mode="widthFix" class="no_data_img"></image>
			<div class='no_tip_content'>
				<lang keywords="抱歉~还没有人发布过动态哦，您可以点击右下方发布按钮发布动态哦~"></lang>
			</div>
		</view>

		<!-- 发布 -->
		<view class="publish" @click="gopublish">
			<image src="../../static/images/fabu.png" class="publish-img"></image>
		</view>
		<!-- 弹出层评论区 -->
		<view>
			<uni-popup ref="popup" type="top">
				<textarea v-model="notedata" value="" :placeholder="popup_placeholder" :focus="popup_focus" class="prpup-box" />
				<button  form-type="submit" @click="formSubmit" class="btn">发送</button>
			</uni-popup>
		</view>
		<villagecopyfooter :footer_link="footer_link"></villagecopyfooter>
		
		<tabbar class="tabbar" :tabbar="tabbar"></tabbar>
	</view>
</template>

<script>
	import uniPopup from "../../appComponent/uni/uni-popup/uni-popup.vue"
	import villagecopyfooter from '../../appComponent/villagePage/copy_footer.vue'
	
	var common = require('../../utils/common.js');
	var app = getApp();
	var _this;
	import villageChooseHouse from '../../appComponent/villagePage/villageChooseHouse';
	const getbbs_list = () => {
		common.post('HouseApi&a=bbs_list_new', {
			village_id: _this.village_id,
			pigcms_id: _this.pigcms_id,
			page:_this.pageIndex
		}, data => {
			_this.no_data = false;
			if (_this.pageIndex==1) {
				_this.listData = data;
				_this.footer_link = data.footer_link;
			} else if (_this.pageIndex > 1){
				var listData = _this.listData;
				var dataList = listData.dataList;
				if (!dataList || !dataList[0]) {
					dataList = [];
				}
				if (data.dataList && data.dataList[0]) {
					for (var i in data.dataList) {
						if (data.dataList[i]) {
							dataList.push(data.dataList[i]);
						}
					}
					listData.dataList = dataList;
					_this.listData = listData;
				}
			}
			if (data.dataList && parseInt(data.dataList.length)>=parseInt(_this.page_len)) {
				_this.pageLoading = true;
				_this.pageLoadings = false;
			} else {
				_this.pageLoading = false;
				_this.pageLoadings = true;
			}
				
			if (_this.pageIndex==1 && (!data.dataList || !data.dataList[0])) {
				_this.pageLoadings = false;
				_this.no_data = true;
			}
			
			uni.stopPullDownRefresh();
		});	
	};
	const getcate_bbs_list = (cat_id) => {
		if (_this.cat_id && !cat_id) {
			cat_id = _this.cat_id;
		}
		common.post('HouseApi&a=bbs_list_cate_new', {
			village_id: _this.village_id,
			pigcms_id: _this.pigcms_id,
			page:_this.pageIndex,
			cat_id: cat_id
		}, data => {
			 if (data) {
				if (_this.pageIndex==1) {
					_this.listData = data;
					_this.footer_link = data.footer_link;
				} else if (_this.pageIndex > 1){
					var listData = _this.listData;
					var dataList = listData.dataList;
					if (!dataList || !dataList[0]) {
						dataList = [];
					}
					if (data.dataList && data.dataList[0]) {
						for (var i in data.dataList) {
							if (data.dataList[i]) {
								dataList.push(data.dataList[i]);
							}
						}
				console.log("===dataList===1======", dataList )
						listData.dataList = dataList;
						_this.listData = listData;
					}
				}
				if (data.dataList && parseInt(data.dataList.length)>=parseInt(_this.page_len)) {
					_this.pageLoading = true;
					_this.pageLoadings = false;
				} else {
					_this.pageLoading = false;
					_this.pageLoadings = true;
				}
			 }
			if (_this.pageIndex==1 && (!data || !data.dataList || !data.dataList[0])) {
				_this.pageLoadings = false;
				_this.no_data = true;
			}
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 500);
		});	
	};
	const setMyHouseInfo = () => {
		var res = {
			village_id: _this.village_id,
			village_name: _this.village_name,
			pigcms_id: _this.pigcms_id
		};
		uni.setStorageSync('village_key', res);
	};
	export default {
		data(){
			return {
				no_data: false,
				page_len: 10,
				scrollTop: '',
				scrollY: true,
				pageLoading: false,
				pageLoadings:false,
				cat_id: 0,
				notedata:'',
				listData:[],
				user_options:{},
				listhouseData:{},
				pageIndex: 1,
				showIcon:true,
				showNew:false,
				tabbar:{},
				is_reply: false,
				aricleid:'',
				userInfo:{},
				zanlist:{},
				village_id:0,
				pigcms_id:0,
				village_name:'',
				village_logo:'',
				choose_options: {},
				zan_len: 6,
				popup_focus: false,
				comment_id: 0,
				nickname: '',
				data_index: 0,
				popup_placeholder: '走心的评论更容易被看见哦~',
				word_length: 60,
				config: '',
				mobile_head_color: '',
				property_id: 0,
				footer_link: {}
			};
		},
		onShow() {
			if(common.wxapp_type == 'village'){
				common.editTabbar({},function(data){
					_this.tabbar = data;
				});
			}
			
			// #ifdef H5
				if(_this.village_id){
					_this.setWxShare()
				}
			// #endif
		},
		filters: {
		    ellipsis (value) {
		      if (!value) return '没有内容'
		      if (value.length > 8) {
		        return value.slice(0,8) + '...'
		      }
		      return value
		    }
		  },
		 // 上拉加载
		 onReachBottom() {
			console.log('onReachBottom', _this.pageLoading);
		 	if (_this.pageLoading) {
				_this.pageIndex = _this.pageIndex + 1;
				if (_this.cat_id && _this.cat_id>0) {
					getcate_bbs_list(_this.cat_id);
				} else {
					getbbs_list();
				}
		 	} else {
				_this.pageLoading = false;
				_this.pageLoadings = true;
			}
		 },
		onLoad: function (options) {
			_this = this;
			common.setMainColor(_this, function(config) {
				common.getTxtKey('邻里').then(key => {
					uni.setNavigationBarTitle({
					title: key
					});
				}, () => {});
			});
		  
			if(options.village_id){
				common.post('HouseApi&a=search_village', {
					village_id: options.village_id
				}, data => {
					_this.village_logo = data.village_logo ? data.village_logo : data.wechat_share_img;
					_this.village_id = options.village_id;
					_this.village_name = data.village_name;
		  		
					var res = {
						village_id: _this.village_id,
						village_name: _this.village_name,
						village_logo: _this.village_logo
					};
					if(options.pigcms_id){
						res.pigcms_id = options.pigcms_id;
						_this.pigcms_id = options.pigcms_id;
					}
					uni.setStorageSync('village_key', res);
		  		
					// #ifdef H5
						_this.setWxShare()
					// #endif
		  		
					_this.checkFooterMenu();
					if (options.cat_id && options.cat_id>0) {
						_this.cat_id = options.cat_id;
						getcate_bbs_list();
					} else {
						getbbs_list();
					}
				});
				return false;
			}
		  
			var res	= uni.getStorageSync("village_key");
			console.log('village_key', res);
			if(res){
				_this.village_id = res.village_id;
				_this.pigcms_id = res.pigcms_id;
				_this.village_logo = res.village_logo;
				_this.village_name = res.village_name;
				if (res.property_id && res.property_id>0) {
					_this.property_id = res.property_id;
				}
				_this.checkFooterMenu();
				if (options.cat_id && options.cat_id>0) {
					_this.cat_id = options.cat_id;
					getcate_bbs_list();
				} else {
					getbbs_list();
				} 
			}else{
				uni.showModal({
					title: common.changeTxt('提示'),
					content: common.changeTxt('您没有选择小区,请选择一个小区浏览'),
					showCancel: false,
					confirmText: common.changeTxt('选择'),
					success: function(res) {
						if (res.confirm) {
							var url = '/pages/village/my/villagelist';
							if (_this.property_id && _this.property_id > 0) {
								url += '?property_id=' + _this.property_id;
							}
							uni.reLaunch({
								url: url
							})
						}
					}
				});
			}
		},
		onPullDownRefresh :function(e){
			_this.pageIndex = 1;
			if (_this.cat_id && _this.cat_id>0) {
				getcate_bbs_list(_this.cat_id);
			} else {
				getbbs_list();
			}
		},
		components: {
			uniPopup,
			villageChooseHouse,
			villagecopyfooter
		},
		methods: {
			checkFooterMenu(){
				//社区不是主营业务时的底部导航
				if(common.wxapp_type != 'village'){
					common.editTabbarBusiness({type:'village', postParam:{'village_id':_this.village_id}}, function(data){
						var route = _this.__route__ ? _this.__route__ : _this.route;
						data.nowPage = (route.substr(0, 1) != '/' ? '/' : '') + route;
						_this.tabbar = data;
						console.log('_this.tabbar', _this.tabbar);
					});
				}
			},
			getUserInfo(e) {
				console.log('user.info', e);
				_this.user_options = {}
			},
			onShareAppMessage: function () {
				return {
					title: "【" + _this.village_name + "】邻里交流分享平台",
					desc:  _this.village_name + "专属交流分享平台，快来看看身边大家分享的热门事件吧",
					path: '/pages/village/resident/resident?village_id=' + _this.village_id
				};
			},
			setWxShare() {
				let pageLink = `${common.requestDomain}packapp/${common.wxapp_type}/pages/village/resident/resident?village_id=${_this.village_id}`
				pageLink = common.addShareParam(pageLink)
				let shareWxLink = pageLink;
				var shareData = {
					title: "【" + _this.village_name + "】邻里交流分享平台",
					desc: _this.village_name + "专属交流分享平台，快来看看身边大家分享的热门事件吧",
					sendFriendLink: shareWxLink,
					share_img: _this.village_logo
				}
				console.log('shareData', shareData);
				common.setWxShare(shareData)
			},
			intercept_word(word) {
				var len = _this.word_length;
				word = word.slice(0, len) + '......';
				return word;
			},
			getCateList(cat_id) {
				_this.cat_id = cat_id;
				uni.navigateTo({
					url:'/pages/village/resident/residentCategory?cat_id=' + cat_id
				})
			},
			goNewmsg(){
				if(!app.globalData.is_login){
					_this.user_options = {
						toLogin: true
					}
				}else{
					if(!_this.pigcms_id){
						_this.choose_options = {
							need_choose_house: true,
							village_id: _this.village_id,
							after_event: 'newmsg',
						}
					}else{
						uni.navigateTo({
							url:'/pages/village/resident/newmsg'
						})
						_this.listData.totle = 0;
					}
				}
			},
			gopublish(){
				if(!app.globalData.is_login){
					_this.user_options = {
						toLogin: true
					}
				}else{
					if(!_this.pigcms_id){
						_this.choose_options = {
							need_choose_house: true,
							village_id: _this.village_id,
							after_event: 'publish',
						}
					}else{
						uni.navigateTo({
							url:'/pages/village/resident/publish'
						})
					}
				}
			},
			// 评论
			openPopup(aricle_id,index) {
				console.log('aricle_id', aricle_id);
				console.log('index', index);
				_this.aricleid = aricle_id;
				_this.data_index = index;
				if(!app.globalData.userInfo){
					_this.user_options = {
						toLogin: true
					}
					_this.popup_placeholder = '走心的评论更容易被看见哦~';
					_this.$refs.popup.close()
					_this.popup_focus = false;
				}else{
					if(!_this.pigcms_id){
						_this.choose_options = {
							need_choose_house: true,
							village_id: _this.village_id,
							after_event: 'reply',
						}
					}else{
						_this.popup_placeholder = '走心的评论更容易被看见哦~';
						_this.showArticleReplyFunc();
					}
				}
			},
			// 回复
			reply(aricleid,comment_id,index,nickname, user){
				if (app.globalData.userInfo && app.globalData.userInfo['uid'] == user['uid']) {
					return;
				}
				_this.data_index = index;
				_this.aricleid = aricleid;
				_this.comment_id = comment_id;
				_this.nickname = nickname;
				_this.popup_focus = false;
				_this.$refs.popup.open();
				var msg = '回复' + nickname;
				msg = msg + '：';
				_this.popup_placeholder = msg;
				_this.notedata = '';
				setTimeout(function(){
					_this.popup_focus = true;
				},500);
			},
			// 评论发送
			formSubmit(index) {
				var aricle_id = _this.aricleid;
 				var formdata = _this.notedata;
				if (!formdata) {
					uni.showToast({
						title: `请填写评论`,
						icon: 'none'
					});
					return
				}
				var comment_id = 0;
				if(_this.comment_id && _this.comment_id>0) {
					comment_id = _this.comment_id;
				}
				common.post('HouseApi&a=bbs_comment', {
					village_id: _this.village_id,
					aricle_id: aricle_id,
					pigcms_id: _this.pigcms_id,
					comment_fid: comment_id,
					comment_content: formdata,
				}, data => {
					var data_index = _this.data_index;
					console.log('data_index',data_index);
					console.log('data',data);
					if (data && data.comment) {
						var aComment = _this.listData.dataList[data_index].aComment;
						var comment = data.comment;
						if (_this.comment_id>0) {
							comment.comment_fid_nickname = _this.nickname;
						}
						if (!aComment || !aComment[0]) {
							aComment = [];
						}
						aComment.push(comment);
						_this.listData.dataList[data_index].aComment = aComment;
					}
				});
				_this.notedata = '';
				_this.$refs.popup.close()
				_this.popup_placeholder = '走心的评论更容易被看见哦~';
				_this.popup_focus = false;
			},
			// 点赞
			changeIcon(index){
				_this.aricleid = _this.listData.dataList[index].aricle_id;
				console.log('_this.aricleid', _this.aricleid);
				_this.data_index = index;
				if (!app.globalData.is_login) {
					_this.user_options = {
						toLogin: true
					}
				} else {
					if(!_this.pigcms_id){
						_this.choose_options = {
							need_choose_house: true,
							village_id: _this.village_id,
							after_event: 'upArticle',
						}
					}else{
						_this.upArticleFunc();
					}
				}
			},
			godetailds(e) {
				var aricle_id = e.currentTarget.dataset.aricle_id;
				var cat_id = e.currentTarget.dataset.cat_id;
				uni.navigateTo({
					url:'/pages/village/resident/detailds?aricle_id=' + aricle_id +'&cat_id=' + cat_id
				})
			},
			chooseHouseId(e) {
				console.log(e);
				if(e.pigcms_id){
					_this.pigcms_id = e.pigcms_id;
				}
				if(e.after_event == 'reply'){
					_this.showArticleReplyFunc();
				}else if(e.after_event == 'upArticle'){
					_this.upArticleFunc();
				}else if(e.after_event == 'publish'){
					uni.navigateTo({
						url:'/pages/village/resident/publish'
					})
				}else if(e.after_event == 'newmsg'){
					uni.navigateTo({
						url:'/pages/village/resident/newmsg'
					})
					_this.listData.totle = 0;
				}
			},
			showArticleReplyFunc:function(){
				_this.notedata = '';
				_this.popup_focus = false;
				_this.$refs.popup.open();
				setTimeout(function(){
					_this.popup_focus = true;
				},500);
			},
			upArticleFunc:function(){
				console.log('_this.aricleid', _this.aricleid);
				var mezan = _this.listData.dataList[_this.data_index].mezan;
				if( mezan == 0){
					mezan = 1;
					common.post('HouseApi&a=web_bbs_aricele_zan', {
						  aricle_id: _this.aricleid,
						  mezan: mezan
					}, data => {
						if(data && data.aricle_praise){
							_this.listData.dataList[_this.data_index].mezan = 1;
							var aZanList = _this.listData.dataList[_this.data_index].aZanList;
							if (aZanList.length < _this.zan_len) {
								aZanList.unshift(data.aricle_praise);
								_this.listData.dataList[_this.data_index].aZanList = aZanList;
							}
							var aricle_praise_num = _this.listData.dataList[_this.data_index].aricle_praise_num;
							aricle_praise_num = parseInt(aricle_praise_num) + 1;
							_this.listData.dataList[_this.data_index].aricle_praise_num = aricle_praise_num;
						}
					});
				}else{
					mezan = 0;
					common.post('HouseApi&a=web_bbs_aricele_zan', {
						  aricle_id:_this.aricleid,
						  mezan: mezan
					}, data => {
						if(data && data.aricle_praise){
							_this.listData.dataList[_this.data_index].mezan = 0;
							var aZanList = _this.listData.dataList[_this.data_index].aZanList;
							var user = data.aricle_praise.uid
							for (var z_i  in aZanList) {
								if (aZanList[z_i] && user['uid'] == aZanList[z_i]['uid']['uid']) {
									aZanList.splice(z_i,1);
								}
							}
							_this.listData.dataList[_this.data_index].aZanList = aZanList;
							var aricle_praise_num = _this.listData.dataList[_this.data_index].aricle_praise_num;
							aricle_praise_num = parseInt(aricle_praise_num) - 1;
							
							if (aricle_praise_num<0) {
								aricle_praise_num = 0;
							}
							_this.listData.dataList[_this.data_index].aricle_praise_num = aricle_praise_num;
						}
					});
				}
			}
		}
	}
</script>

<style>
	page {
		height: 100%;
	}
	.container {
		margin: 0px;
		background-color: #f4f4f4;
		padding-bottom: 98rpx;
		padding-bottom: calc(98rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(98rpx + env(safe-area-inset-bottom));
		
		min-height: calc(100% - 98rpx);
		min-height: calc(100% - 98rpx - constant(safe-area-inset-bottom));
		min-height: calc(100% - 98rpx - env(safe-area-inset-bottom));
		
		overflow-x:hidden;
		position:relative;
	}

	.container-box {
		background: #FFFFFF;
		overflow: hidden;
	}
	.container-box .block_msg {
		background: #F5F5F5;
		height: 20rpx;
	}
	.tips-box {
		background: #FFFFFF;
		overflow: hidden;
	}
	.tips {
		width: 290rpx;
		height: 80rpx;
		background: rgba(87, 87, 87, 1);
		border-radius: 10rpx;
		margin: 49rpx auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.info-icon {
		width: 56rpx;
		height: 56rpx;
		border-radius: 4rpx;
		margin-left: 7rpx;
	}

	.info-img {
		width: 100%;
		height: 100%;
	}

	.tips-text {
		margin: 0 auto;
	}

	.text {
		font-size: 26rpx;
		/* font-weight: bold; */
		color: rgba(255, 255, 255, 1);
		line-height: 60rpx;
	}

	.dynamic {
		padding: 30rpx 30rpx 0rpx 30rpx;
	}

	.info {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.info-box {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.info-icon1 {
		width: 78rpx;
		height: 78rpx;
		border-radius: 4rpx;
	}

	.info-img1 {
		width: 100%;
		height: 100%;
	}

	.info-text {
		padding-left: 15rpx;
	}

	.name {
		font-size: 30rpx;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		line-height: 44rpx;
	}

	.time {
		font-size: 24rpx;
		/* font-weight: 500; */
		color: rgba(51, 51, 51, 1);
		line-height: 44rpx;
		opacity: 0.3;
	}

	.category {
		/* width: 100%; */
		height: 44rpx;
		border: 2rpx solid rgba(6, 193, 174, 1);
		border-radius: 22rpx;
		font-size: 22rpx;
		/* font-weight: 500; */
		color: rgba(6, 193, 174, 1);
		line-height: 46rpx;
		text-align: center;
		padding: 0 15rpx;
	}

	.content {
		font-size: 32rpx;
		/* font-weight: 500; */
		color: rgba(51, 51, 51, 1);
		line-height: 44rpx;
		margin-top: 20rpx;
		text-align: justify;
	}
	/* .content::after {
		content: "查看更多";
		font-size: 28rpx;
		font-weight: 500;
		color: #007AFF;
		line-height: 44rpx;
		margin-top: 40rpx;
	} */
	.img-box {
		width: 100%;
		margin-top:10rpx;
	}

	.bigimg {
		width: auto;
		margin-top: 17rpx;
	}
	.bigimg_more {
		width: 32%;
		float: left;
		padding: 4rpx 4rpx 0;
		line-height: 1;
	}

	.around-img {
		height: 100%;
	}
	.around-img_more {
		width: 100%;
		height: 100%;
	}

	.read-box {
		clear: both;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 10rpx;
		align-items: flex-end;
	}
	.read-banner {
		display: flex;
		flex-direction: column;
		
	}
	.dingwei-box {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.dingwei-icon {
		 width: 30rpx;
		 height: 30rpx;
		 margin-bottom: 5rpx;
	}
	.dingwei-img {
		 width: 100%;
		 height: 100%;
	}
	.read-address {
		/* transform: scale(0.8); */
		font-size: 24rpx;
		/* font-weight: 500; */
		/* color: rgba(153, 153, 153, 1); */
		color: #616879;
		line-height: 44rpx;
	}
	/* .read-address::before {
		content: "";
		width: 30rpx;
		height: 30rpx;
		background: url(../../../static/images/dingwei.png) no-repeat center;
		background-size: 30rpx;
		margin-left: 15rpx;
		margin-top: 15rpx;
	} */
	.read-text {
		font-size: 24rpx;
		/* font-weight: 500; */
		color: rgba(153, 153, 153, 1);
		line-height: 44rpx;
		margin-top: 4rpx;
	}

	.icon-box {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-bottom: 3px;
	}

	.dianzan,
	.dianzan1,
	.pinglun {
		width: 36rpx;
		height: 36rpx;
		margin-left: 30rpx;
	}

	.dianzan1 {
		margin-left: 0rpx;
	}

	.dianzan-icon,
	.dianzan-icon1,
	.pinglun-icon {
		width: 100%;
		height: 100%;
	}

	.cell {
		width: 700rpx;
		height: 1rpx;
		background: rgba(0, 0, 0, 1);
		opacity: 0.05;
		margin-top: 30rpx;
	}
	/* 点赞 */
	.dianzan-box {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 15rpx;
	}

	.info-box1 {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: center;
		margin: 0rpx 15rpx;
	}
	.info-box1::before {
		content: "";
		width: 30rpx;
		height: 30rpx;
		background: url(../../static/images/dianzan1.png) no-repeat center;
		background-size: 29rpx;
		margin-left: 15rpx;
	}

	.info-box2 {
		display: flex;
		flex-direction: row;
		margin-left: 15rpx;
	}

	.info-box2:first-child {
		margin-left: 15rpx;
	}

	.text-after {
		font-size: 20rpx;
		/* font-weight: 500; */
		color: rgba(128, 128, 128, 1);
		line-height: 44rpx;
		margin-left: 15rpx;
	}
	.info-icon2 {
		width: 41rpx;
		height: 41rpx;
	}

	.info-img2 {
		width: 100%;
		height: 100%;

	}

	.info-name {
		font-size: 20rpx;
		/* font-weight: 500; */
		color: #5F6E95;
		line-height: 44rpx;
		margin-left: 2rpx;
	}

	/* .info-name::after {
		content: ";";
	} */
	.comment-box {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 23rpx;
		margin: 0 30rpx;
		border-bottom: 1rpx solid #F5F5F5;
		padding: 15rpx 0rpx;
	}
	.comment_more_box {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 23rpx;
		margin: 0 30rpx;
		padding: 15rpx 0rpx 0rpx;
	}
	.comment_more_box .comment_more {
		width: 100%;
		font-size: 24rpx;
		text-align: center;
		color: #919191;
	}

	/* 评论 */
	.comment-icon {
		width: 65rpx;
		height: 65rpx;
		flex-shrink: 0;
	}

	.comment-img {
		width: 100%;
		height: 100%;
	}

	.comment-info {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin-left: 15rpx;
	}
	.comment-info .reply_tip {
		color: #000000;
	}

	.comment-name {
		font-size: 24rpx;
		color:rgba(95,110,149,1);
	}

	.comment-text {
		padding-top: 5rpx;
		display: flex;
		text-align:justify;
		font-size: 24rpx;
		color:rgba(51,51,51,1);
		flex-wrap: wrap;
	}

	.comment {
		overflow: hidden;
	}

	.conment-btn {
		width: 685rpx;
		height: 75rpx;
		background: #F5F6F9;
		border-radius: 10rpx;
		margin: 18rpx auto;
		font-size:26rpx;
		/* font-weight:500; */
		color:rgba(153,153,153,1);
		line-height:75rpx;
		padding-left: 26rpx;
	}

	.publish {
		position: fixed;
		bottom: 250rpx;
		right: 12rpx;
		width: 100rpx;
		height: 100rpx;
	}

	.publish-img {
		width: 100%;
		height: 100%;
	}
	.prpup-box {
		width: 100%;
		height: 200rpx;
	}
	.btn {
		height: 65rpx;
		background-color: #007AFF;
		line-height: 65rpx;
		font-size: 28rpx;
		color: #FFFFFF;
	}
	.tip {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		color: #666;
		padding: 10px 0;
		background: #f8f8f8;
	}
	.no_data_tip {
		padding: 25% 20rpx;
		text-align: -webkit-center;
		padding-top: 400rpx;
	}
	.no_tip_content {
		padding: 30rpx 18%;
		color: #919191;
		font-size: 24rpx;
	}
	
	
	.uni-popup__wrapper-box {
		overflow-y:visible!important;
	}
</style>
